<template>
	<view class="theme-grey">
		<view class="container__warpswiper__row__ul box pad" id="yxym">
			<view class="list-title">
				<u-row justify="space-between">
					<u-col span="2">
						<view v-if="leftIsShow">
							<u-icon v-if="isCheck" name="minus" size="14" style="margin-left:20rpx; font-weight: bold;" @click="plusFunc(0)"></u-icon>
							<u-icon v-else name="plus" size="14" style="margin-left:20rpx; font-weight: bold;" @click="plusFunc(1)"></u-icon>
						</view>
					</u-col>
					<u-col span="8">
						<view class="ctitle container__warpswiper__row__ul__title">
							<text>{{ dataList.lottery_title }}</text>
							<text>{{ dataList.title }}</text>
						</view>
					</u-col>
					<u-col span="2">
						<view v-if="rightIsShow" class="text-right container__warpswiper__row__ul__mall">
							<view style="display: flex; align-items: center; justify-content: flex-end; height: 100%;">
								<text class="more">更多</text>
								<u-icon name="arrow-right-double" size="14" style="margin-left: 10rpx; font-weight: bold;"></u-icon>
							</view>
						</view>
					</u-col>
				</u-row>
			</view>

			<view v-if="isCheck">
				<view>{{ dataList.subtitle }}</view>
				<view class="duilianpt" v-if="dataList.meansList && dataList.meansList.length">
					<!-- 平特一肖. -->
					<PingTeYx v-if="dataList.is_style === 1" :data-list="dataList"></PingTeYx>
					<!-- 澳门六合彩『精选』 -->
					<JingXuan v-else-if="dataList.is_style === 2" :data-list="dataList"></JingXuan>
					<!-- 超稳八肖中特 -->
					<ChaoWenBxzt v-else-if="dataList.is_style === 3" :data-list="dataList"></ChaoWenBxzt>
					<!-- 必中24码 -->
					<BiZhong24 v-else-if="dataList.is_style === 4" :data-list="dataList"></BiZhong24>
					<!-- 四肖八码 -->
					<FourZodiacEightCode v-else-if="dataList.is_style === 5" :data-list="dataList"></FourZodiacEightCode>
					<!-- 超准平特三中二 -->
					<threeInTwo v-else-if="dataList.is_style === 7" :data-list="dataList"></threeInTwo>
					<!-- 绝杀三尾 -->
					<JueShaSanWei v-else-if="dataList.is_style === 8" :data-list="dataList"></JueShaSanWei>
					<!-- 大赢家『金牌家野』 -->
					<DaYingJiaJinPai v-else-if="dataList.is_style === 9" :data-list="dataList"></DaYingJiaJinPai>
					<!-- 春夏秋冬 -->
					<ChunXiaQiuDong v-else-if="dataList.is_style === 10" :data-list="dataList"></ChunXiaQiuDong>
					<!-- 澳门彩霸王【单双主四肖】包含所有一行的样式和排版 -->
					<CaiBaWangDanSuangZhu4 v-else-if="dataList.is_style === 11" :data-list="dataList"></CaiBaWangDanSuangZhu4>
					<!-- 澳门彩霸王【单双四肖】包含所有一行的样式和排版 -->
					<CaiBaWangDanSuang4 v-else-if="dataList.is_style === 12" :data-list="dataList"></CaiBaWangDanSuang4>
					<!-- 澳门彩霸王【一肖防三】包含所有一行的样式和排版 -->
					<CaiBaWangYiXiaoFang3 v-else-if="dataList.is_style === 13" :data-list="dataList"></CaiBaWangYiXiaoFang3>
					<!-- 平特三连肖 -->
					<PingTe3LianXiao v-else-if="dataList.is_style === 14" :data-list="dataList"></PingTe3LianXiao>
					<!-- 七字平特 -->
					<QiZiPingTe v-else-if="dataList.is_style === 15" :data-list="dataList"></QiZiPingTe>
					<!-- 五肖四尾 -->
					<WuXiaoSiWei v-else-if="dataList.is_style === 16" :data-list="dataList"></WuXiaoSiWei>
					<!-- 一肖一尾 -->
					<YiXiaoYiWei v-else-if="dataList.is_style === 17" :data-list="dataList"></YiXiaoYiWei>
					<!-- 五码中二复式 -->
					<WuMaFuShi v-else-if="dataList.is_style === 18" :data-list="dataList"></WuMaFuShi>
					<!-- 九肖推码 -->
					<JiuXiaoTuiMa v-else-if="dataList.is_style === 19" :data-list="dataList"></JiuXiaoTuiMa>
					<!-- 单双各十码 -->
					<ZhoneHeSha v-else-if="dataList.is_style === 20" :data-list="dataList"></ZhoneHeSha>
					<!-- 单双各十码 -->
					<DanShuangShiMa v-else-if="dataList.is_style === 21" :data-list="dataList"></DanShuangShiMa>
					<!-- 一句解特码 -->
					<YiJuJieTeMa v-else-if="dataList.is_style === 22" :data-list="dataList"></YiJuJieTeMa>
					<!-- 填词爆特 -->
					<TianCiBaoTe v-else-if="dataList.is_style === 23" :data-list="dataList"></TianCiBaoTe>
					<!-- 聚彩堂破解一真言一句 -->
					<ZhenYanYiJu v-else-if="dataList.is_style === 24" :data-list="dataList"></ZhenYanYiJu>
					<!-- 四尾十二码 -->
					<Shi2MaZhongTe v-else-if="dataList.is_style === 25" :data-list="dataList"></Shi2MaZhongTe>

					<!-- 正版五字真言 -->
					<WuZiZhenYan v-else-if="dataList.is_style === 26" :data-list="dataList"></WuZiZhenYan>

					<!-- 彩霸王【①波①头主十码】 -->
					<CaiBaWang1b1t v-else-if="dataList.is_style === 27" :data-list="dataList"></CaiBaWang1b1t>
					<!-- 必中特码诗 -->
					<BiZhongTeMaShi v-else-if="dataList.is_style === 28" :data-list="dataList"></BiZhongTeMaShi>
					<!-- 三期内必出生肖 -->
					<TieSuanPsqzx v-else-if="dataList.is_style === 29" :data-list="dataList"></TieSuanPsqzx>
					<!-- 五肖五码 -->
					<Zodiac5 v-else-if="dataList.is_style === 30" :data-list="dataList"></Zodiac5>
					<!-- 聚彩堂新料一谜语猜特码 -->
					<MiYuCaiTeMa v-else-if="dataList.is_style === 31" :data-list="dataList"></MiYuCaiTeMa>
					<!-- 今期输尽光 -->
					<JinQiShuJingGuang v-else-if="dataList.is_style === 32" :data-list="dataList"></JinQiShuJingGuang>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import Zodiac5 from './zodiac5-5.vue';
import FourZodiacEightCode from './four-zodiac-eight-code.vue';
import threeInTwo from './three-in-two.vue';
import BiZhong24 from './bi-zhong-24-ma.vue';
import PingTeYx from './ping-te-yi-xiao.vue';
import ChaoWenBxzt from './chao-wen-ba-xiao-zhong-te.vue';
// import TieSuanPtms from './tie-suan-pan-te-ma-shi.vue';
import TieSuanPsqzx from './tie-suan-pan-san-qi-zhong-xiao.vue';
import JueShaSanWei from './jue-sha-san-wei.vue';
import JingXuan from './jing-xuan.vue';
import DaYingJiaJinPai from './da-ying-jia-jin-pai.vue';
import ChunXiaQiuDong from './chun-xia-qiu-dong.vue';
import CaiBaWang1b1t from './cai-ba-wang-1-bo-1-tou.vue';
import CaiBaWangDanSuang4 from './cai-ba-wang-dan-shuang-4.vue';
import CaiBaWangDanSuangZhu4 from './cai-ba-wang-dan-shuang-zhu-4.vue';
import CaiBaWangYiXiaoFang3 from './cai-ba-wang-yi-xiao-fang-3.vue';
import PingTe3LianXiao from './ping-te-3-lian-xiao.vue';
import QiZiPingTe from './qi-zi-ping-te.vue';
import WuXiaoSiWei from './wu-xiao-si-wei.vue';
import YiXiaoYiWei from './yi-xiao-yi-wei.vue';
import DanShuangShiMa from './dan-suang-shi-ma.vue';
import WuMaFuShi from './wu-ma-fu-shi.vue';
import JiuXiaoTuiMa from './jiu-xiao-tui-ma.vue';
import ZhoneHeSha from './zhong-he-sha.vue';
import Shi2MaZhongTe from './shi-2-ma-zhong-te.vue';
import YiJuJieTeMa from './yi-ju-jie-te-ma.vue';
import WuZiZhenYan from './wu-zi-zhen-yan.vue';
import TianCiBaoTe from './tian-ci-bao-te.vue';
import ZhenYanYiJu from './zhen-yan-yi-ju.vue';
import MiYuCaiTeMa from './mi-yu-cai-te-ma.vue';
import BiZhongTeMaShi from './bi-zhong-te-ma-shi.vue';
import JinQiShuJingGuang from './jin-qi-shu-jing-guang.vue';


export default {
	name: 'ItemTpl',
	components: {
		Zodiac5,
		FourZodiacEightCode,
		threeInTwo,
		BiZhong24,
		PingTeYx,
		ChaoWenBxzt,
		// TieSuanPtms,
		TieSuanPsqzx,
		JueShaSanWei,
		JingXuan,
		DaYingJiaJinPai,
		ChunXiaQiuDong,
		CaiBaWang1b1t,
		CaiBaWangDanSuang4,
		CaiBaWangDanSuangZhu4,
		CaiBaWangYiXiaoFang3,
		PingTe3LianXiao,
		QiZiPingTe,
		WuXiaoSiWei,
		YiXiaoYiWei,
		DanShuangShiMa,
		WuMaFuShi,
		JiuXiaoTuiMa,
		ZhoneHeSha,
		Shi2MaZhongTe,
		YiJuJieTeMa,
		WuZiZhenYan,
		TianCiBaoTe,
		ZhenYanYiJu,
		MiYuCaiTeMa,
		BiZhongTeMaShi,
		JinQiShuJingGuang
	},
	props: {
		// 定义一个名为dataList的prop来接收数组数据
		dataList: {
			type: [Object, Array],
			default: () => {
				return {};
			}
		},
		isShowAll: {
			type: [Boolean],
			default: () => {
				return false;
			}
		},
		leftIsShow: {
			type: [Boolean],
			default: () => {
				return false;
			}
		},
		rightIsShow: {
			type: [Boolean],
			default: () => {
				return false;
			}
		},
		webname: {
			type: String,
			default: () => {
				return '';
			}
		}
	},
	data() {
		return {
			isCheck: true
		};
	},
	mounted() {},
	methods: {
		//展开\关闭
		plusFunc(e) {
			this.isCheck = e ? true : false;
		}
	}
};
</script>
<style lang="scss" scoped>
@import '@/static/css/common.css';
</style>
